<script setup lang="ts">
import DockPanel from "@/pages/main/layout/dock-panel.vue";
import { useDevEnvPanelStore } from "@/modules/dev-env/store/panel-store.ts";
import { useTaskStore } from "@/modules/dev-env/task/task-store.ts";
import TaskItemView from "@/modules/dev-env/task/task-item-view.vue";

const panelStore = useDevEnvPanelStore();
const taskStore = useTaskStore();
</script>

<template>
  <dock-panel v-model:open="panelStore.taskPanelOpen" title="任务列表" width="500px">
    <div class="pv-10 full-height overflow-auto">
      <task-item-view v-for="it in taskStore.taskList" :key="it.id" :task="it" />
    </div>
  </dock-panel>
</template>

<style lang="less"></style>
